<template>
  <div>
      <div class="left">左边</div>
      <div class="right">
          <div class="top">上</div>
          <div class="bottom">下</div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.left{
    width: 200px;
    height: 100vh;
    position: fixed;
    background: rgba(0,0,0,0.4);
}
.right{
    margin-left: 200px;
    background: red;
}
.top{
    height: 40px;
    background: rgba(0,0,0,0.4);
    position: fixed;
    width: 100%;
}
.bottom{
    padding-top: 40px;
}
</style>